@charset "utf-8";
/**
 * 网站地址: http://www.21ecu.com
 * ----------------------------------------------------------------------------
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:thinkCss（最新产品/think+Css)
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/
 body{ color:#666; font-family:"微软雅黑", "黑体", Arial; background:#fff; background:#E9E9E7 url(../images/bg.png) repeat-y center top;}
a{outline:none; text-decoration:none; color:#333;} a:hover{ text-decoration:underline;}
a:hover{ color:#00AA98; text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} 
body{overflow-x: hidden; font-size:12px;}
img:hover
{
opacity:0.8;
filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */
}
/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed; 
	clip:rect(0 100% 100% 0);
	_position:absolute;
	
	/* 底部 */
	bottom:0px;
	left:0px;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(../images/07ebbcfd74c04603bf6b9f3f13316f63.gif);
	background-attachment:fixed;
}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
.wrapper-outer{
 	width:1100px; margin:0 auto; clear:both; height:auto; overflow:hidden; 
 }
 .wrapper{ width:1000px; margin:0 auto;}
 .row{
 	clear:both; height:auto; overflow:hidden;
 }
 .topBar{ background:#272625; height:30px; line-height:30px;}
  .topBar a{ display:inline-block;  color:#fff;}
 .topBar .t-fl{ float:left;}
 .topBar .t-fl a{ padding-right:15px;}
 .topBar .t-fr{ float:right;}
 .topBar .t-fr a{ padding-left:15px;}
  .logo{ float:left;}
 .search-fr{ float:right; padding-top:12px;}
 
 .header{ background:#fff; padding:20px 0 10px 0;}
 .contribute{ float:left; margin-left:20px;}
 .contribute a{ display:inline-block; width:141px; height:43px; background:#00AA98 url(../images/tg.png) no-repeat center center;}
 .contribute a:hover{ opacity:0.8;
filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */}
 .ah_nav_zuo_lim {
	float:left;
	background:#00AA98 ;
	width:300px;
	height:43px;
}
.seach_cha {
	float:left;
	background:#fff url(../images/search_bg.jpg) no-repeat 5px center;
	border:none;
	height:31px; padding:5px ;
	line-height:31px; border:1px solid #ddd;
	padding-left:35px; width:195px;
	color:#999999;font-family:"微软雅黑", "黑体", Arial;
}
.seach_dian {
	float:right;
	width:60px;
	height:43px;
	background:#00AA98;
	border:none;
	padding:0px;
	cursor:pointer; color:#fff; font-family:"微软雅黑", "黑体", Arial; font-size:18px;
}
.seach_dian:hover{opacity:0.8;
filter:alpha(opacity=80); /* 针对 IE8 以及更早的版本 */

}
 
 .navbar{ height:46px; background:#333;}
 .pull-left{ width:680px; float:left; height:46px; line-height:46px;} 
 
 .pull-right{ width:240px; float:right; height:46px; line-height:46px;} 
 
 
 
/*主导航*/ 
.navbg{height:46px;width:712px;background:#333;}
#navul li{float:left;margin-right:1px;width:90px;height:46px;position:relative;line-height:46px; font-size:16px; text-align:center;}
#navul li.navhome{text-align:center;padding:0 10px 0 10px;width:50px; background:#00AA98; color:#fff;}
#navul li a:link, #navul li a:visited{color:#FFFFFF;}
#navul li ul{display:none;position:absolute;z-index:10000;top:45px;left:-1px;background:#00AA98;border:#004E6C 1px solid; border-top:none; z-index:999989;}
#navul li ul li{display:block;width:88px;float:none;margin-right:0px;height:30px;position:relative;line-height:30px;font-size:14px; border-bottom:1px solid #049888; border-top:1px solid #13beac;text-align:center;z-index:999999;}
#navul li.navmoon{background:#00AA98;border:#004E6C 1px solid; border-top:none; border-bottom:none; width:88px;height:46px;line-height:46px;}
#navul li.navmoon a{color:#FFFFFF;}
#navul li.navhome a:hover{color:#FCFF00;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:88px;height:30px;line-height:30px;}
#navul li.navmoon ul a:hover{background:#333;}
 
 
.pull-right{}
.pull-right ul{ float:right;}
.pull-right ul li{ float:left; padding:0 10px; font-size:14px;height:46px; line-height:46px;}
.pull-right ul li a{ color:#fff;}
.pull-right ul li.weibo a,.pull-right ul li.weixin a{ display:block; float:left; width:30px; height:30px; font-size:14px; text-indent:-99999em; margin-top:8px;} 
.pull-right ul li.weibo,.pull-right ul li.weixin { padding:0 10px 0 5px;}
.pull-right ul li.weibo a{ background:url(../images/ico_sprit.png) no-repeat 0 0;} 
.pull-right ul li.weibo a:hover{ background:url(../images/ico_sprit.png) no-repeat 0 -30px;}  
.pull-right ul li.weixin a{ background:url(../images/ico_sprit.png) no-repeat -30px 0;} 
.pull-right ul li.weixin a:hover{ background:url(../images/ico_sprit.png) no-repeat -30px -30px;} 
 
 .con-left{ width:650px; float:left;}
 .con-right{ width:320px; float:right;} 
 
 
/*焦点图*/ 
.yx-rotaion{}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.rotaion_list{ width:650px; height:350px;}
.rotaion_list img{ }
.yx-rotation-title{position:absolute;width:100%;height:55px;line-height:55px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1; }
.yx-rotation-t{color:#fff;font-size:24px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:55px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:-6px;}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:-6px;}
.yx-rotaion-btn span.hover{}
.yx-rotaion-btn .left_btn:hover{background:url(../images/ico2.png) no-repeat;background-position:-2px -2px;float:left;left:-6px}
.yx-rotaion-btn .right_btn:hover{background:url(../images/ico2.png) no-repeat; background-position:-2px -49px;float:right;right:-6px}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:700;height:200;overflow:hidden;}
 
 
 
 
.icon{ display:inline-block; margin:0 3px;}
.icon-00{ background:url(../images/ico_00.png) no-repeat; width:12px; height:12px;}
.icon-01{ background:url(../images/ico_01.png) no-repeat; width:12px; height:12px;}
.icon-02{ background:url(../images/ico_02.png) no-repeat; width:12px; height:12px;}
.icon-03{ background:url(../images/ico_03.png) no-repeat; width:12px; height:12px;}
.icogroup .ico-list{ display:inline-block; margin-right:10px; color:#818181;}









.main-tit { height:37px; line-height:37px; margin-bottom:25px;}
 .main-tit .tit{ height:37px; line-height:37px; background:#00AA98; color:#fff; font-size:18px; display:inline-block; padding:0 10px; text-align:center; margin-right:20px;}
 .main-tit2 .tit2{background:#00AA98; padding:1px 5px; color:#fff; font-size:18px; display:inline-block;text-align:center; margin-right:10px; line-height:120%; margin-bottom:12px;}
  .main-tit2 .tit2:hover{opacity:0.8;
filter:alpha(opacity=80); } 
 
 .articleCon{}
 .articleCon li{ position:relative; padding-bottom:15px; border-bottom:1px solid #E9E9E9; margin-bottom:15px;}
 .articleCon li .thumb{ float:left; width:200px; height:131px;}
 
 .articleCon li .mark{ float:right; width:435px;}
 
 .articleCon li .mark h1{ font-size:18px; color:#333; padding-bottom:10px; font-weight:bold;}
 .articleCon li .mark .icogroup{ padding-bottom:10px;} 
 .articleCon li .mark .info{ line-height:150%;}  
  .articleCon li a.more{ color:#fff; width:85px; height:28px; display:block; background:#00AA98; position:absolute; bottom:5px; right:10px;text-align:center; font-size:14px;line-height:28px;}
  .articleCon li a.more:hover{ color:#fff; width:85px; height:28px; display:block; background:#333;bottom:5px; right:10px; line-height:28px; text-align:center; text-decoration:none;} 
 
 
 
/*右边*/ 
.mail-box{ background:#E5E5E5; height:190px; width:290px; padding:15px;}
.mail-box h1{ padding-bottom:10px; background:url(../images/line2.png) repeat-x left bottom; font-size:14px;}
.mail-box .icogroup{ padding-top:10px; background:url(../images/line2.png) repeat-x left top; font-size:14px;}
.mail-box .icogroup li{ float:left; height:25px; line-height:25px; padding-right:10px;} 
.mail-box .icogroup li img{ float:left; margin:0 5px;} 
 
 
 .title{ height:20px; line-height:20px; color:#00aa98; margin-bottom:10px; font-size:18px;}
.box-a{ border:3px solid #E5E5E5; padding:10px;}
 
  .newlist dl{ padding-bottom:10px; margin-bottom:5px; border-bottom:1px dotted #B7B7B7;}
 .newlist dt{ height:35px; line-height:35px; font-size:14px;}
 .newlist dt a{ }
 .newlist .thumb{ width:100px; float:left; height:65px; overflow:hidden;}
 .newlist .thumb img{ width:100px; height:65px;}
 .newlist p{ width:180px; float:right; color:#666;} 
 .ullist li{ height:28px; line-height:28px; font-size:14px; text-indent:10px; background:url(../images/dotted.png) no-repeat left center;}
 .ullist li a{ color:#00aa98;}
  .ullist li a:hover{ color:#039283;}
  .ullist2 li{ height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #EAEAEA; padding:0 10px;}
    .ullist2 li:hover{border-left:3px solid #00AA98; background:#F8F8F8;}
 .ullist2 li a{ color:#333;}
  .ullist3 li{ padding-bottom:15px; border-bottom:1px dotted #bbb; padding-top:15px;}
 .ullist3 .user{ float:left; width:72px; height:72px;}
  .ullist3 .info{ float:right; width:212px;}
  .ullist3 .info h3{ line-height:25px; font-size:14px;}
   .ullist3 .info p{ font-size:12px;}
   .label-list  span{  display:inline-block; margin-right:10px; padding:2px 5px; background:#D7EAE6; margin-bottom:10px;}
.label-list  span a{ color:#fff; font-size:14px;}
.label-list  .color-a{ background:#428BCA; color:#fff;}
.label-list  .color-b{ background:#01B606; color:#fff;}
.label-list  .color-c{ background:#FD9B01; color:#fff;}
.label-list  .color-d{ background:#ED02DA; color:#fff;}
.label-list  .color-e{ background:#D22301; color:#fff;}
.label-list  .color-f{ background:#4C4C4C; color:#fff;}
.label-list  .color-g{ background:#01BBA3; color:#fff;}  
 .label-list  .color-h{ background:#01BBA3; color:#fff;}  
 .label-list  .color-l{ background:#ABB502; color:#fff;}  
 .label-list  .color-o{ background:#654500; color:#fff;}  
 .label-list  .color-p{ background:#A202FD; color:#fff;} 
 .zz-list ul li{ margin-bottom:20px;}  
   .coop { padding:10px 11px; border:1px solid #ddd; margin-bottom:20px; }
 .coop ul li{ float:left;margin:5px;}
  .coop ul img{ padding:1px; background:#fff; border:1px solid #ddd; width:125px; height:50px;}
  
 
 .box-b{ border:1px solid #dcdcdc;  position:relative;}
 .box-b .arrow-right{ display:block; width:22px; height:21px; background:url(../images/arrow-right.png) no-repeat; position:absolute; right:-1px; top:-1px;}



/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}

 
 .footer{ height:110px; padding:15px 0; background:#272727; border-top:4px solid #C9C9C7;}
 .footer a{color:#878787;}
 .footer .col div{ float:left;}
 .footer .col div.span-a{ float:left; width:380px; padding-right:10px; background:url(../images/line.png) no-repeat right center; color:#8F8F8F; padding-top:5px;}
 .footer .col div.span-a p{ line-height:180%;}
 .footer .col div.span-b{ width:360px; padding:10px 15px 0 15px; background:url(../images/line.png) no-repeat right center; color:#8F8F8F;}
 
 .footer .col div.span-b h1{ line-height:30px; font-size:14px; margin-bottom:7px;}
 .footer .col div.span-b p{ font-size:12px;line-height:180%; }
  .footer .col div.span-c{ width:210px; float:right;}
  
 .frend-link h1{ height:55px; line-height:55px; border-bottom:2px solid #EEEEEE; margin-bottom:8px;}
 .frend-link h1 span.fl{ height:55px; line-height:55px; border-bottom:2px solid #01A998; float:left;font-size:18px;}
 .frend-link h1 span.fr{ height:55px; line-height:55px; float:right;}
 .frend-link dl{ padding:2px 0;}
 .frend-link dt{ float:left; width:56px; font-size:14px; font-weight:bold;  line-height:22px;}
 .frend-link dd{ float:left;}
  .frend-link dd a{ display:inline-block; padding:0 12px; line-height:25px;}
 
 
blockquote{ background:#f4f4f4; padding:10px; margin-left:0; margin-right:0; border-left:3px solid #ddd;}
 
 /*--------tag------------*/
.taglist{}
.taglist dl dt {}
.taglist dl dd{margin-bottom:35px;}
.taglist dl dd a{color:#666;padding:0 5px;line-height:30px;display:inline-block;}